
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link rel="stylesheet" href="../css/mui.min.css">
	<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/youyi.css" />
    <title>企业库</title> 
    <style>
			.mui-bar~.mui-content .mui-fullscreen {
				top: 44px;
				height: auto;
			}
			.mui-pull-top-tips {
				position: absolute;
				top: -20px;
				left: 50%;
				margin-left: -25px;
				width: 40px;
				height: 40px;
				border-radius: 100%;
				z-index: 1;
			}
			.mui-bar~.mui-pull-top-tips {
				top: 24px;
			}
			.mui-pull-top-wrapper {
				width: 42px;
				height: 42px;
				display: block;
				text-align: center;
				background-color: #efeff4;
				border: 1px solid #ddd;
				border-radius: 25px;
				background-clip: padding-box;
				box-shadow: 0 4px 10px #bbb;
				overflow: hidden;
			}
			.mui-pull-top-tips.mui-transitioning {
				-webkit-transition-duration: 200ms;
				transition-duration: 200ms;
			}
			.mui-pull-top-tips .mui-pull-loading {
				/*-webkit-backface-visibility: hidden;
				-webkit-transition-duration: 400ms;
				transition-duration: 400ms;*/
				
				margin: 0;
			}
			.mui-pull-top-wrapper .mui-icon,
			.mui-pull-top-wrapper .mui-spinner {
				margin-top: 7px;
			}
			.mui-pull-bottom-tips {
				text-align: center;
				/*background-color: #efeff4;*/
				font-size: 15px;
				line-height: 40px;
				color: #777;
			}
			.mui-pull-top-canvas {
				overflow: hidden;
				/*background-color: #fafafa;*/
				border-radius: 40px;
				box-shadow: 0 4px 10px #bbb;
				width: 40px;
				height: 40px;
				margin: 0 auto;
			}
			.mui-pull-top-canvas canvas {
				width: 40px;
			}
			.mui-fullscreen .mui-segmented-control~.mui-slider-group{bottom: 51px;}
			.mui-bar~.mui-pull-top-tips{top: 216px;}
		</style>
</head>
<body class="online_consulting enterprise_library">
	<header class="mui-bar mui-bar-nav top_nav">
		<a class="mui-pull-left mui-ellipsis location_btn" href="../select_city.html">佛山市</a>
		<div class="mui-input-row mui-search mui-title cslt_search">
			<input type="search" class="mui-input-clear" placeholder="请输入关键字">
		</div>
		<a class="mui-icon mui-icon-bars mui-pull-right action_menu"></a>
		<!--<h1 id="title" class="mui-title">环保商城</h1>-->
	</header>
	<div class="mui-content">
		<div id="sliderBanner" class="mui-slider" >
			<div class="mui-slider-group mui-slider-loop">
				<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="javascript:;">
						<img src="../images/onlineConsulting/banner2@2x.png">
					</a>
				</div>
				<!-- 第一张 -->
				<div class="mui-slider-item mui-active	">
					<a href="javascript:;">
						<img src="../images/onlineConsulting/banner@2x.png">
					</a>
				</div>
				<!-- 第二张 -->
				<div class="mui-slider-item">
					<a href="javascript:;">
						<img src="../images/onlineConsulting/banner@2x.png">
					</a>
				</div>
				<!-- 第三张 -->
				<div class="mui-slider-item">
					<a href="javascript:;">
						<img src="../images/onlineConsulting/banner1@2x.png">
					</a>
				</div>
				<!-- 第四张 -->
				<div class="mui-slider-item">
					<a href="javascript:;">
						<img src="../images/onlineConsulting/banner2@2x.png">
					</a>
				</div>
				<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
				<div class="mui-slider-item mui-slider-item-duplicate">
					<a href="javascript:;">
						<img src="../images/onlineConsulting/banner@2x.png">
					</a>
				</div>
			</div>
			<div class="mui-slider-indicator">
				<div class="mui-indicator mui-active"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
				<div class="mui-indicator"></div>
			</div>
		</div>
		<div id="sliderNav" class="mui-slider mui-fullscreen sliderNav">		
			<div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted enterprise_nav">
				<a class="mui-control-item mui-active" href="#item1mobile">
					环保设备
				</a>
				<a class="mui-control-item" href="#item2mobile">
					原料
				</a>
				<a class="mui-control-item" href="#item3mobile">
					环保服务
				</a>
			</div>
			<!--<div id="list_switch" class="jd">
				<a href="javascript:;" class="list_switch_btn">&nbsp;</a>				
			</div>-->
			<div class="mui-slider-group slider_group" id="enterprise_lbry">
				<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
					<div id="scroll1" class="mui-scroll-wrapper">
						<div class="mui-scroll">
							 <ul class="mui-table-view mui-table-view-chevron"> 
							    <li class="mui-table-view-cell mui-media"><a href="../environmentalMap/business_details.html" class="clear" id="0">
								    <div class="tab_view_left mui-pull-left">
								     <img class="mui-media-object" src="../images/environmenMap/map_list_left.png" />
								     <p class="xingxing_p">
								     	<span class="xinxin">
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     	</span>
								     </p>
								     <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
								    </div>
								    <div class="mui-media-body mui-pull-left">
								     <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
								     <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
								     <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
								     <p class="cmpy_label"><span class="cmpy_lbl_item green">优蚁认证</span><span class="cmpy_lbl_item blue">协会认证</span><span class="cmpy_lbl_item yellow">工商认证</span><span href="javascript:;" class="online_msg">在线留言</span></p>
								    </div></a>
							    </li>
							   <li class="mui-table-view-cell mui-media"><a href="../environmentalMap/business_details.html" class="clear" id="0">
								    <div class="tab_view_left mui-pull-left">
								     <img class="mui-media-object" src="../images/environmenMap/map_list_left.png" />
								     <p class="xingxing_p">
								     	<span class="xinxin">
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     	</span>
								     </p>
								     <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
								    </div>
								    <div class="mui-media-body mui-pull-left">
								     <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
								     <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
								     <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
								     <p class="cmpy_label"><span class="cmpy_lbl_item green">优蚁认证</span><span class="cmpy_lbl_item blue">协会认证</span><span class="cmpy_lbl_item yellow">工商认证</span><span href="javascript:;" class="online_msg">在线留言</span></p>
								    </div></a>
							    </li>
							    <li class="mui-table-view-cell mui-media"><a href="../environmentalMap/business_details.html" class="clear" id="0">
								    <div class="tab_view_left mui-pull-left">
								     <img class="mui-media-object" src="../images/environmenMap/map_list_left.png" />
								     <p class="xingxing_p">
								     	<span class="xinxin">
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     	</span>
								     </p>
								     <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
								    </div>
								    <div class="mui-media-body mui-pull-left">
								     <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
								     <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
								     <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
								     <p class="cmpy_label"><span class="cmpy_lbl_item green">优蚁认证</span><span class="cmpy_lbl_item blue">协会认证</span><span class="cmpy_lbl_item yellow">工商认证</span><span href="javascript:;" class="online_msg">在线留言</span></p>
								    </div></a>
							    </li>
							    <li class="mui-table-view-cell mui-media"><a href="javascript:;" class="clear" id="0">
								    <div class="tab_view_left mui-pull-left">
								     <img class="mui-media-object" src="../images/environmenMap/map_list_left.png" />
								     <p class="xingxing_p">
								     	<span class="xinxin">
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     	</span>
								     </p>
								     <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
								    </div>
								    <div class="mui-media-body mui-pull-left">
								     <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
								     <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
								     <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
								     <p class="cmpy_label"><span class="cmpy_lbl_item green">优蚁认证</span><span class="cmpy_lbl_item blue">协会认证</span><span class="cmpy_lbl_item yellow">工商认证</span><span href="javascript:;" class="online_msg">在线留言</span></p>
								    </div></a>
							    </li>
							    <li class="mui-table-view-cell mui-media"><a href="javascript:;" class="clear" id="0">
								    <div class="tab_view_left mui-pull-left">
								     <img class="mui-media-object" src="../images/environmenMap/map_list_left.png" />
								     <p class="xingxing_p">
								     	<span class="xinxin">
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     	</span>
								     </p>
								     <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
								    </div>
								    <div class="mui-media-body mui-pull-left">
								     <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
								     <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
								     <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
								     <p class="cmpy_label"><span class="cmpy_lbl_item green">优蚁认证</span><span class="cmpy_lbl_item blue">协会认证</span><span class="cmpy_lbl_item yellow">工商认证</span><span href="javascript:;" class="online_msg">在线留言</span></p>
								    </div></a>
							    </li>
							  </ul>
						</div>
					</div>
				</div>
				<div id="item2mobile" class="mui-slider-item mui-control-content">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<ul class="mui-table-view mui-table-view-chevron"> 
							    <li class="mui-table-view-cell mui-media"><a href="../environmentalMap/business_details.html" class="clear" id="0">
								    <div class="tab_view_left mui-pull-left">
								     <img class="mui-media-object" src="../images/environmenMap/map_list_left.png" />
								     <p class="xingxing_p">
								     	<span class="xinxin">
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     	</span>
								     </p>
								     <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
								    </div>
								    <div class="mui-media-body mui-pull-left">
								     <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
								     <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
								     <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
								     <p class="cmpy_label"><span class="cmpy_lbl_item green">优蚁认证</span><span class="cmpy_lbl_item blue">协会认证</span><span class="cmpy_lbl_item yellow">工商认证</span><span href="javascript:;" class="online_msg">在线留言</span></p>
								    </div></a>
							    </li>
							  </ul>
						</div>
					</div>
				</div>
				<div id="item3mobile" class="mui-slider-item mui-control-content">
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<ul class="mui-table-view mui-table-view-chevron"> 
							    <li class="mui-table-view-cell mui-media">
							    	<a href="../environmentalMap/business_details.html" class="clear" id="0">
									    <div class="tab_view_left mui-pull-left">
									     <img class="mui-media-object" src="../images/environmenMap/map_list_left.png" />
									     <p class="xingxing_p">
									     	<span class="xinxin">
									     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
									     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
									     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
									     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
									     	</span>
									     </p>
									     <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
									    </div>
									    <div class="mui-media-body mui-pull-left">
									     <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
									     <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
									     <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
									     <p class="cmpy_label"><span class="cmpy_lbl_item green">优蚁认证</span><span class="cmpy_lbl_item blue">协会认证</span><span class="cmpy_lbl_item yellow">工商认证</span><span href="javascript:;" class="online_msg">在线留言</span></p>
									    </div>
							    	</a>
							    </li>
							   <li class="mui-table-view-cell mui-media"><a href="../environmentalMap/business_details.html" class="clear" id="0">
								    <div class="tab_view_left mui-pull-left">
								     <img class="mui-media-object" src="../images/environmenMap/map_list_left.png" />
								     <p class="xingxing_p">
								     	<span class="xinxin">
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     		<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>
								     	</span>
								     </p>
								     <p class="rec_index"><span class="ammount">推荐指数：85%</span></p>
								    </div>
								    <div class="mui-media-body mui-pull-left">
								     <h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>
								     <p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>
								     <p class="mui-ellipsis the_city">城市：广东省-广州市</p>
								     <p class="cmpy_label"><span class="cmpy_lbl_item green">优蚁认证</span><span class="cmpy_lbl_item blue">协会认证</span><span class="cmpy_lbl_item yellow">工商认证</span><span href="javascript:;" class="online_msg">在线留言</span></p>
								    </div></a>
							   </li>
							  </ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<nav class="mui-bar mui-bar-tab bottom_nav">
		<a id="defaultTab" class="mui-tab-item" href="../index_list.html">
			<span class="mui-icon iconfont icon-shouye"></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item" href="../onlineConsulting/online_consulting.html">
			<span class="mui-icon iconfont icon-iconfont"><!--<span class="mui-badge">9</span>--></span>
			<span class="mui-tab-label">环保商城</span>
		</a>
		<a class="mui-tab-item" href="../environmentalMap/environmental_map.html">
			<span class="mui-icon iconfont icon-ditu"></span>
			<span class="mui-tab-label">环保地图</span>
		</a>
		<a class="mui-tab-item mui-active" href="enterprise.html">
			<span class="mui-icon iconfont icon-guanjiaowangtubiao02"></span>
			<span class="mui-tab-label">企业库</span>
		</a>
		<a class="mui-tab-item" href="../my/my.html">
			<span class="mui-icon iconfont icon-wode"></span>
			<span class="mui-tab-label">我的</span>
		</a>
	</nav>
	<div class="side_nav_box">
		<div class="side_menu">
		<header class="mui-bar mui-bar-nav top_nav">
			<a class="mui-icon mui-icon-closeempty mui-pull-right close_btn" id="close-btn"></a>
			<h1 id="title" class="mui-title">筛选</h1>
		</header>
		<div class="mui-content">				
				<ul class="mui-table-view mui-table-view-chevron">
					<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="##">原料分类</a>
						<!--<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell"><a class="" href="##">iOS</a>
							</li>
							<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-left" href="##">Android</a>								
								<ul class="mui-table-view mui-table-view-chevron">
									<li class="mui-table-view-cell"><a class="" href="##">第三级一</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级二</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级三</a>
									</li>
								</ul>
							</li>
							<li class="mui-table-view-cell"><a class="mui-navigate-left" href="##">HTML5</a>
							</li>
						</ul>-->
					</li>
					<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="##">设备分类</a>
						<!--<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell"><a class="mui-navigate-left" href="##">PC方案</a>
							</li>
							<li class="mui-table-view-cell"><a class="" href="##">手机方案</a>
							</li>
							<li class="mui-table-view-cell"><a class="" href="##">TV方案</a>
							</li>
						</ul>-->
					</li>
					<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="##">服务分类</a>
						<ul class="mui-table-view mui-table-view-chevron">
							<li class="mui-table-view-cell"><a class="" href="##">不限制</a>
							<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-left" href="##">环境评估与认证</a>								
								<ul class="mui-table-view mui-table-view-chevron">
									<li class="mui-table-view-cell"><a class="" href="##">第三级一</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级二</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级三</a>
									</li>
								</ul>
							</li>
							<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-left" href="##">环境工程与运营</a>								
								<ul class="mui-table-view mui-table-view-chevron">
									<li class="mui-table-view-cell"><a class="" href="##">第三级一</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级二</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级三</a>
									</li>
								</ul>
							</li>
							<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-left" href="##">环境监测</a>								
								<ul class="mui-table-view mui-table-view-chevron">
									<li class="mui-table-view-cell"><a class="" href="##">第三级一</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级二</a>
									</li>
									<li class="mui-table-view-cell"><a class="" href="##">第三级三</a>
									</li>
								</ul>
							</li>
							<li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-left" href="##">废物处理处置</a>								
								<ul class="mui-table-view mui-table-view-chevron">
									<li class="mui-table-view-cell">
										<div class="mui-input-row mui-radio mui-left">
											<label>一般固体废弃物</label>
											<input name="radio1" type="radio">
										</div>									</li>
									<li class="mui-table-view-cell">
										<div class="mui-input-row mui-radio mui-left">
											<label>危险固体废弃物</label>
											<input name="radio1" type="radio" checked>
										</div>
									</li>
									<li class="mui-table-view-cell">
										<div class="mui-input-row mui-radio mui-left">
											<label>严控废物</label>
											<input name="radio1" type="radio">
										</div>
									</li>
								</ul>
							</li>
						</ul>
					</li>
				</ul>
		</div>
	</div>
	</div>	
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&qterm=mb&ak=ZM5FnhEj8ZddP3FpGLM85lPFFVvj1Lgr"></script>
<script src="../js/mui.pullToRefresh.js"></script>
<script src="../js/mui.pullToRefresh.material.js"></script>
<script type="text/javascript" charset="utf-8">	
//mui初始化 
mui.init({
	statusBarBackground: '#5ec520',
	swipeBack: false,
	preloadPages:[{
		url:'../environmentalMap/business_details.html',
		id:'../environmentalMap/business_details.html'
	}]
});
var jq=$.noConflict();
(function($) {
			//阻尼系数
			var deceleration = mui.os.ios?0.003:0.0009;
			$('.mui-scroll-wrapper').scroll({
				bounce: false,
				indicators: true, //是否显示滚动条
				deceleration:deceleration
			});
			$.ready(function() {
				//循环初始化所有下拉刷新，上拉加载。
				$.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) {
					$(pullRefreshEl).pullToRefresh({
						down: {
							callback: function() {
								var self = this;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									ul.insertBefore(createFragment(ul, index, 2, true), ul.firstChild);
									clickTabView(index);
									self.endPullDownToRefresh();
								}, 1000);
							}
						},
						up: {
							callback: function() {
								var self = this;
								setTimeout(function() {
									var ul = self.element.querySelector('.mui-table-view');
									ul.appendChild(createFragment(ul, index, 3));
									clickTabView(index);
									self.endPullUpToRefresh();
								}, 1000);
							}
						}
					});
				});
				var createFragment = function(ul, index, count, reverse) {
					var length = ul.querySelectorAll('li').length;
					var fragment = document.createDocumentFragment();
					var li;
					for (var i = 0; i < count; i++) {
						li = document.createElement('li');
						li.className = 'mui-table-view-cell mui-media';
					var liHTML ='<a href="javascript:;" class="clear" id="0">';
						liHTML +='<div class="tab_view_left mui-pull-left">';
						liHTML +='<img class="mui-media-object" src="../images/environmenMap/map_list_left.png" />';
						liHTML +='<p class="xingxing_p">';
						liHTML +='<span class="xinxin">';
						liHTML +='<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>';
						liHTML +='<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>';
						liHTML +='<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>';
						liHTML +='<i class="xinxin_item"><img src="../images/environmenMap/xingxing_bg.png" /></i>';
						liHTML +='</span>';
						liHTML +='</p>';
						liHTML +='<p class="rec_index"><span class="ammount">推荐指数：85%</span></p>';
						liHTML +='</div>';
						liHTML +='<div class="mui-media-body mui-pull-left">';
						liHTML +='<h1 class="com_dtl_h"><span>0广州市广清环保设备有限公司</span><small>(环保工程)</small></h1>';
						liHTML +='<p class="mui-ellipsis the_main">上拉主营行业：环保项目（水/电）</p>';
						liHTML +='<p class="mui-ellipsis the_city">城市：广东省-广州市</p>';
						liHTML +='<p class="cmpy_label">';
						liHTML +='<span class="cmpy_lbl_item green">优蚁认证</span>';
						liHTML +='<span class="cmpy_lbl_item blue">协会认证</span>';
						liHTML +='<span class="cmpy_lbl_item yellow">工商认证</span>';
						liHTML +='<span href="javascript:;" class="online_msg">在线留言</span>';
						liHTML +='</p>';
						liHTML +='</div>';
						liHTML +='</a>';
						li.innerHTML = liHTML;
						fragment.appendChild(li);							
					}
					return fragment;
				};
			});
			
			//列表视图切换
			$("#sliderSegmentedControl").on("tap","a",function(){
				var index=jq(this).index();
				setTimeout(function(){
					clickTabView(index);
				},300);
			});
			
			function clickTabView(index){
				var bl=jq(".slider_group .mui-slider-item").eq(index).find("ul").hasClass("mui-grid-view");
					if(bl){
						jq("#list_switch").removeClass("active").addClass("active");
						addCl(index);
					}else{
						jq("#list_switch").removeClass("active");
						removeCl(index);
					};
			};
				
//				document.getElementById("list_switch").addEventListener("tap",function(){
//					var index=jq(".mui-control-item.mui-active").index();
//						listVtab.call(this,index);
//				});
				
				function listVtab(index){
						jq(this).toggleClass("active");
						if(jq(this).hasClass("active")){
							addCl(index);
						}else{
							removeCl(index);
						};
				};
				
				function addCl(index){
					jq(".slider_group .mui-slider-item").eq(index).find(".mui-table-view").removeClass("mui-grid-view").addClass("mui-grid-view").addClass("commodity_list");
					jq(".slider_group .mui-slider-item").eq(index).find(".mui-table-view-cell.mui-media").removeClass("mui-col-xs-6").addClass("mui-col-xs-6");
				};
				function removeCl(index){
					jq(".slider_group .mui-slider-item").eq(index).find(".mui-table-view").removeClass("mui-grid-view").removeClass("commodity_list");
					jq(".slider_group .mui-slider-item").eq(index).find(".mui-table-view-cell.mui-media").removeClass("mui-col-xs-6");
				};
				
				document.querySelector(".close_btn").addEventListener("tap",function(){
					jq(".side_nav_box").animate({
						"left":'100%',
					},80);
				});
				
				document.querySelector(".action_menu").addEventListener("tap",function(){
					jq(".side_nav_box").animate({
						"left":'0',
					},80);
				});	
				mui(".slider_group").on("tap","a",function(){
					mui.openWindow("../environmentalMap/business_details.html");
				});				
			})(mui);
//定位
window.onload=function(){
	//经纬度
	var lon=null;
	var lat=null;
	
	var map = new BMap.Map("allmap");
	var point = null;
	var gc = new BMap.Geocoder();
	var adres=null;
	var mycity=null;
		textSpan=document.querySelector(".you_location input");
		navigator.geolocation.getCurrentPosition(function(clbck){
 		lon=clbck.coords.longitude;
 		lat=clbck.coords.latitude;
 		point = new BMap.Point(lon,lat);
 		geobackFn();
    });
    
    var geobackFn=function(){
    	console.log(point);
    	gc.getLocation(point, function(rs){
	   var addComp = rs.addressComponents;
	   
	   	   mycity=addComp.city;
	   	   adres=addComp.province + " " + addComp.city + "" + addComp.district + "" + addComp.street +"" + addComp.streetNumber;
	   	   console.log(adres);
	   	   //textSpan.value=adres;
	   	   document.querySelector('.location_btn').innerHTML=mycity;
			});
    };
};

setTimeout(function(){
	var newCity=sessionStorage.getItem("newCity");
	if(newCity)document.querySelector('.location_btn').innerHTML=newCity;
},1000);
	</script>
</body>
</ html>